<!DOCTYPE html>

<html data-theme="dark" lang="zh-CN">
<head><meta name="description" content="关于我们 · Ruotong Music｜若通音乐 - 若通音乐（Ruotong Music）。页面：about。高品质商用音乐与音效，授权便捷，企业合作支持。">
<script nonce="irwe9hEqFHQnMJji6z-W-g">
   /* rt-pre-theme */
(function(){
  try{
    var t = localStorage.getItem('theme');
    if(!t){ t = (window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
    document.documentElement.setAttribute('data-theme', t);
  }catch(e){}
})();
  </script>
<meta content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://unpkg.com 'nonce-irwe9hEqFHQnMJji6z-W-g' 'strict-dynamic' 'report-sample'; style-src 'self' 'unsafe-inline' 'report-sample'; img-src 'self' data: https: blob:; font-src 'self' data: https:; connect-src 'self' https:; frame-src 'self' https:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; upgrade-insecure-requests" http-equiv="Content-Security-Policy"/>
<meta content="light dark" name="color-scheme"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>
   关于我们 · Ruotong Music｜若通音乐
  </title>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" name="description"/>





<style>
   /* ----- About page (scoped styles) ----- */
    .about-hero{ background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 86%, transparent), transparent);
                 border-bottom: 1px solid var(--line); }
    .about-hero .wrap{ padding: 40px 0; display:grid; grid-template-columns: 1.2fr 1fr; gap: 20px; align-items:end }
    .about-hero h1{ font-size: 44px; line-height: 1.1; letter-spacing: -.02em; margin: 0 }
    .about-hero .btn.watch{ margin-top: 14px }
    .about-hero .hands{ aspect-ratio: 16/9; border-radius: 16px; background: linear-gradient(135deg,#c9c1ff15,#8bff9625);
                         border:1px solid var(--line); display:grid; place-items:center; }
    .about-hero .hands .play{ width: 64px; height: 64px; border-radius: 999px; background: rgba(255,255,255,.08); border:1px solid var(--line);
                              display:grid; place-items:center }
    .about-hero .hands .play svg{ width:26px; height:26px; }
    .about-section{ padding: 36px 0; }
    .twocol{ display:grid; grid-template-columns: 1.1fr 1fr; gap: 26px; }
    .twocol .thumb{ border-radius: 16px; border:1px solid var(--line); background: linear-gradient(135deg,#8bff961a,#6ef3ff1a); min-height: 260px; display:grid; place-items:center }
    .twocol .thumb svg{ width: 64px; height: 64px; opacity: .9 }
    .muted{ color: var(--muted); }
    .kicker{ font-size:12px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase }
    .link-arrow{ display:inline-flex; align-items:center; gap:8px; }
    .mosaic{ display:grid; grid-template-columns: repeat(6, 1fr); gap: 8px }
    .mosaic .b{ border-radius: 10px; height: 72px; background: color-mix(in oklab, var(--surface) 86%, transparent); border:1px solid var(--line) }
    .steps{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 10px 0 50px }
    .step{ border-radius: 16px; border:1px solid var(--line); padding: 18px; background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 88%, transparent), transparent) }
    .step h3{ margin: 6px 0 8px }
    @media (max-width: 960px){
      .about-hero .wrap{ grid-template-columns: 1fr }
      .twocol{ grid-template-columns: 1fr }
      .mosaic{ grid-template-columns: repeat(3, 1fr) }
      .steps{ grid-template-columns: 1fr }
    }
  </style>


<style>
   /* a11y helpers */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px;}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;}
  </style>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/about.html" rel="canonical"/>
<meta content="website" property="og:type"/>
<meta content="Ruotong Music" property="og:site_name"/>
<meta content="关于我们 · Ruotong Music｜若通音乐" property="og:title"/>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" property="og:description"/>
<meta content="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/about.html" property="og:url"/>
<meta content="https://www.ruotongmusic.com/assets/og/cover.webp" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="关于我们 · Ruotong Music" name="twitter:title"/>
<meta content="认识 Ruotong Music：我们的使命、音乐理念与合作方式。" name="twitter:description"/>
<meta content="https://www.ruotongmusic.com/static/og-cover.png" name="twitter:image"/>
<script nonce="irwe9hEqFHQnMJji6z-W-g" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "Organization", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "logo": "https://www.ruotongmusic.com/assets/og/cover.webp"}
  </script>
<link href="/site.webmanifest" rel="manifest"/>
<meta content="#0b1220" name="theme-color"/>
<meta content="strict-origin-when-cross-origin" name="referrer"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/about.html" hreflang="zh-CN" rel="alternate"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/about.html?lang=en" hreflang="en-US" rel="alternate"/>
<script nonce="irwe9hEqFHQnMJji6z-W-g" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "WebSite", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.ruotongmusic.com/search.html?q={query}", "query-input": "required name=query"}}
  </script>
<script async="True" crossorigin="anonymous" nonce="irwe9hEqFHQnMJji6z-W-g" src="https://www.googletagmanager.com/gtag/js?id=G-XXXX123456">
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g">
   window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XXXX123456');
  </script>

<meta content="dark light" name="color-scheme"/>
<script defer="True" nonce="irwe9hEqFHQnMJji6z-W-g" src="../assets/js/theme-init.js">
</script>




<link href="//unpkg.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://unpkg.com" rel="preconnect"/>
<link href="//www.googletagmanager.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="//www.ruotongmusic.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.ruotongmusic.com" rel="preconnect"/>
<meta content="#000000" media="(prefers-color-scheme: dark)" name="theme-color"/>
<meta content="#ffffff" media="(prefers-color-scheme: light)" name="theme-color"/>



<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<meta content="zh_CN" property="og:locale"/>


<!-- Favicon -->
<link href="/assets/favicon.svg" rel="icon" type="image/svg+xml"/>
<link href="/assets/favicon.ico" rel="icon" sizes="any"/>
<link href="/assets/favicon.png" rel="apple-touch-icon" sizes="180x180"/>

<link href="/assets/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/favicon-16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://unpkg.com" rel="preconnect"/>
<link href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="/zh/about" hreflang="zh" rel="alternate"/><link href="/en/about" hreflang="en" rel="alternate"/><link href="/ja/about" hreflang="ja" rel="alternate"/>







<link rel="stylesheet" href="../assets/css/about.min.css">
</head>
<body>
<style>
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;padding:8px 12px;border:1px solid #000;}
:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
</style>
<a class="skip-to-content" href="#main">跳转到主内容</a>


<a class="skip-link" href="#main-content">
   跳到主要内容
  </a>
<a class="skip-link" href="#main">
   跳到主要内容
  </a>
<header class="header" role="banner">
<div class="container row">
<a aria-label="Ruotong Music 首页" class="logo" href="index-v2.html">
<img alt="Ruotong Music" decoding="async" height="26" loading="lazy" src="assets/logo.svg" width="26"/>
<strong>
      Ruotong Music
     </strong>
</a>
<nav aria-label="主导航">
<a href="index-v2.html">
      音乐
     </a>
<a href="collections.html">
      合集
     </a>
<a href="pricing.html">
      价格
     </a>
<a href="support.html">
      支持
     </a>
</nav>
<div class="grow">
</div>
<div class="actions">
<button aria-label="切换明暗主题" aria-pressed="false" class="theme rt-theme-toggle icon-btn" id="rt-theme-toggle" type="button">
<svg aria-hidden="true" class="sun" height="16" viewbox="0 0 24 24" width="16">
<path d="M6.76 4.84L5.34 3.42 3.92 4.84l1.42 1.42 1.42-1.42zm10.48 0l1.42-1.42L20.08 4.84l-1.42 1.42-1.42-1.42zM12 4V2h0v2zm0 16v2h0v-2zM4 12H2v0h2zm18 0h-2v0h2zM6.76 19.16l-1.42 1.42-1.42-1.42 1.42-1.42 1.42 1.42zm10.48 0l1.42 1.42 1.42-1.42-1.42-1.42-1.42 1.42zM12 7a5 5 0 100 10 5 5 0 000-10z" fill="currentColor">
</path>
</svg>
<svg aria-hidden="true" class="moon" height="16" style="display:none" viewbox="0 0 24 24" width="16">
<path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79z" fill="currentColor">
</path>
</svg>
<span class="rt-visually-hidden">
       切换主题
      </span>
</button>
</div>
</div>
</header>
<main id="main-content">
<section class="about-hero">
<div class="container wrap">
<div>
<h1>
       这就是 Ruotong Music
      </h1>
<p class="muted">
       我们以“高匹配”的精选曲库与现代化授权体验，帮助创作者与品牌把声音化为故事的力量。
      </p>
<a aria-disabled="true" class="btn ghost watch" href="index-v2.html">
       观看介绍视频
      </a>
</div>
<div class="hands">
<div class="play" title="预览">
<svg viewbox="0 0 24 24">
<path d="M8 5v14l11-7z" fill="currentColor">
</path>
</svg>
</div>
</div>
</div>
</section>
<section class="about-section">
<div class="container twocol">
<div>
<h2>
       当声音创造魔法
      </h2>
<p class="muted">
       我们把复杂的选曲与授权流程变得简单高效，让全球品牌与创作者都能专注于讲好故事。每天，都有源源不断的内容在使用我们的音乐。
      </p>
<a class="link-arrow" href="search.html">
       去发现音乐 →
      </a>
</div>
<div class="thumb">
<svg viewbox="0 0 24 24">
<path d="M21 3H3v18h18V3Zm-2 4H5V5h14v2Z" fill="currentColor">
</path>
</svg>
</div>
</div>
</section>
<section class="about-section">
<div class="container twocol" style="grid-template-columns: 1fr 1.1fr">
<div class="thumb">
<svg viewbox="0 0 24 24">
<path d="M19 3H5a2 2 0 0 0-2 2v14l4-4h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" fill="currentColor">
</path>
</svg>
</div>
<div>
<div class="kicker">
       ACCESS WORLD‑CLASS MUSIC
      </div>
<h2>
       我们只与优秀的音乐人合作
      </h2>
<p class="muted">
       从氛围电子到史诗混合，从民族器乐到现代流行，我们注重作品的可用性与独特性。你能感受到的，就是你能找到的。
      </p>
<a class="link-arrow" href="search.html">
       探索曲库 →
      </a>
</div>
</div>
</section>
<section class="about-section">
<div class="container twocol">
<div>
<div class="kicker">
       UNLOCK MORE MAGIC
      </div>
<h2>
       授权从未如此简单
      </h2>
<p class="muted">
       一次授权，全球商用。我们提供对 Creator、企业品牌、游戏与影视不同场景的清晰方案，确保无版权纠纷、可追溯、开票合规。
      </p>
<a class="link-arrow" href="pricing.html">
       了解授权 →
      </a>
</div>
<div class="thumb">
<svg viewbox="0 0 24 24">
<path d="M5 20h14v-2H5m7-16l-5.5 9h11z" fill="currentColor">
</path>
</svg>
</div>
</div>
</section>
<section class="about-section">
<div class="container twocol" style="grid-template-columns: 1fr 1.2fr;">
<div aria-hidden="true" class="mosaic">
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
<div class="b">
</div>
</div>
<div>
<div class="kicker">
       FAIR AND FAR REACHING
      </div>
<h2>
       我们的创作者站上舞台中央
      </h2>
<p class="muted">
       我们与音乐人建立长期、透明的合作关系，共同打造经久耐听的声音品牌。公平的分成机制，让每一位创作者的潜能被看见。
      </p>
<a class="link-arrow" href="support.html">
       与我们合作 →
      </a>
</div>
</div>
</section>
<section aria-labelledby="works-title" class="about-section">
<div class="container">
<h2 id="works-title">
      我们的工作方式
     </h2>
<div class="steps">
<div class="step">
<div class="kicker">
        STEP 1
       </div>
<h3>
        注册开始
       </h3>
<p class="muted">
        创建账户，获得试用。你也可以直接订阅并开具发票。
       </p>
</div>
<div class="step">
<div class="kicker">
        STEP 2
       </div>
<h3>
        找到你的声音
       </h3>
<p class="muted">
        用我们的强力筛选（场景 / 情绪 / 用途 / 乐器）快速定位匹配音乐，并支持试听与收藏。
       </p>
</div>
<div class="step">
<div class="kicker">
        STEP 3
       </div>
<h3>
        安心使用
       </h3>
<p class="muted">
        我们的授权覆盖主流平台与商业使用范围，版权清晰、可追溯，省心发布无后顾之忧。
       </p>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container cols">
<div>
<strong>
      Ruotong Music
     </strong>
<p class="muted">
      5000 首严选 · 为创作者与品牌而生。
     </p>
</div>
<div>
<div class="muted">
      联系
     </div>
<a href="mailto:support@ruotongmusic.com">
      support@ruotongmusic.com
     </a>
</div>
<div>
<div class="muted">
      公司
     </div>
<a href="about.html">
      关于我们
     </a>
<br/>
<a href="pricing.html">
      开通会员
     </a>
</div>
<div>
<div class="muted">
      协议
     </div>
<a href="policy/v2/license-agreement/index.html">
      授权协议
     </a>
<br/>
<a href="policy/v2/privacy/index.html">
      隐私条款
     </a>
</div>
</div>
</footer>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="js/app.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="js/rt-theme.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g">
   if('serviceWorker' in navigator){window.addEventListener('load',()=>{navigator.serviceWorker.register('/sw.js');});}
  </script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="js/rt-color-summary-inject.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="js/rt-color-button-overlay.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="js/rt-color-actions.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="../contrast/contrast-theme.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="../contrast/contrast-palette-restore.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="../contrast/contrast-swatch-attr.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="../contrast/contrast-palette-even.js" defer>
</script>
<script nonce="irwe9hEqFHQnMJji6z-W-g" src="../contrast/contrast-palette-recent.js" defer>
</script>
<script src="js/a11y-and-motion.js" defer>
</script>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

<script src="js/rt-favorites.js" defer></script>
</body>
</html>